﻿@model TVShows.DataModels.TVShow

<div class="jumbotron">
    <div>
        <img src="@Model.Image" class="img-responsive"/>
    </div>
    <div>
        <h2>@Model.Name Character List Page</h2>
    </div>
</div>
<div>
    <input type="button" class="btn btn-danger pull-right" onclick="location.href='/TVShow/DeleteShow/@Model.Id'" value="Delete Show" />
    <input type="button" class="btn btn-warning pull-right" onclick="location.href='/TVShow/EditShow/@Model.Id'" value="Edit Show" />
</div>
<br /><br />
<div>
    <input type="button" class="btn btn-success pull-right" onclick="location.href='/Character/AddCharacter/@Model.Id'" value="Add Character" />
    <input type="button" class="btn btn-primary pull-right" onclick="location.href='/Home'" value="Back To TV Show List" />
</div>
<table>
    <tr>
        <th><h3>Character List</h3></th>
    </tr>
    <tr>
        <th>Character Name</th>
    </tr>
    @foreach (var c in Model.Characters)
    {
        <tr class="table-hover table-bordered"onclick="location.href='/Character/Details/@c.Id'">
            <td>
                @c.Name
        </td>
    </tr>
    }

</table>